<template>
  <div>
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in list" :key="item.id">
        <img :src="item.img ? item.img : item.src" :class="{'full': isfull}" />
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  props: ["list", "isfull"],
  methods: {}
};
</script>
<style lang="scss" scope>
.mint-swipe {
  height: 7.2em;
  .mint-swipe-items-wrap{
      text-align: center;
  }
  img {
    height: 100%;
  }
}
.full {
  width: 100%;
}
</style>